<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1"><!--移动设备优先-->
		<title>污水检测报告</title>
		<style type="text/css">@import url("<c:url value="/css/lib/bootstrap.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/V2.0/weknow.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/font-awesome.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/plugins/jquery-ui/jquery-ui.min.css"/>");</style>
		<style type="text/css">@import url("<c:url value="/css/lib/boxImg.css"/>");</style>
		<style type="text/css">
			.pointer{
				cursor:pointer;
			}
			.active_report_tab{
				border-bottom: 2px solid #6e8cd7;
    			color: #6e8cd7!important;
			}
			.report_tab{
				width: 160px;
    			text-align: center;
    			padding-bottom: 10px;
				cursor:pointer;
			}

			before,after{
				opacity: .3;
				position: absolute;
				top: -5px;
				right: 0;
			}

			after{
				top: 5px;
			}

			.trA{
				color: #000000;
				position: relative;
				padding-right: 16px;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<!-- Preloader -->
		<div class="animationload">
			<div class="loader">
				Loading...
			</div>
		</div>
		<!-- End Preloader -->
		<input type="hidden" id="operateType"/>
		<input type="hidden" id="institutionId"/>
		<input type="hidden" id="businessSubType" value="${businessSubType}"/>
		
        <div class="container-fluid">
        	<section id="head-crumbs"  class="input-toggle">
	        	<!-- 头部信息 -->
	        	<div class="row">
	        		<div class="col-xs-8">
						<c:forEach var="a" items="${secondMenus}" varStatus="xh">
							<label id="${a.url}" class="report_tab pointer
								<c:if test="${xh.first}">active_report_tab</c:if>
								" style="margin: 20px 20px 30px 0px;">${a.name}</label>
							<c:if test="${!xh.last}"><span>|</span></c:if>
						</c:forEach>
	        		</div>
	        	</div>
	        	
	        	<div class="row">
	        		<div class="col-xs-12">
	           			<div class="form-inline">
	           				<div class="form-group date">
								日期
								<div class="input-group" >
	        						<input type="text" class="form-control my_date_control" style="ime-mode:active" maxlength="10" id="dtFrom" value="${dtFrom}" autocomplete="off">
						    	</div>
						    	
	            			</div>
	            			<div class="form-group date">
	            				--
	            				<div class="input-group" >
	        						<input type="text" class="form-control my_date_control" style="ime-mode:active" maxlength="10" id="dtTo"  value="${dtTo}" autocomplete="off">
						    	</div>
						    </div>

							<div class="form-group date2">
								<div class="input-group" >
									<select id="year" class="form-control">
										<c:forEach items="${yearList}" var="y">
											<c:if test="${year==y}">
												<option value="${y}" selected="selected">${y}</option>
											</c:if>
											<c:if test="${year!=y}">
												<option value="${y}">${y}</option>
											</c:if>
										</c:forEach>
									</select>
								</div>
								年
								<div class="input-group" >
									<select id="month" class="form-control">
										<c:forEach begin="1" end="12"  step="1" var="i">
											<c:if test="${i<10}">
												<c:if test="${i==month}">
													<option value="0${i}" selected="selected">0${i}</option>
												</c:if>
												<c:if test="${i!=month}">
													<option value="0${i}" >0${i}</option>
												</c:if>
											</c:if>
											<c:if test="${i>=10}">
												<c:if test="${i==month}">
													<option value="${i}" selected="selected">${i}</option>
												</c:if>
												<c:if test="${i!=month}">
													<option value="${i}" >${i}</option>
												</c:if>
											</c:if>
										</c:forEach>
									</select>
								</div>
								月

							</div>
	            			<div class="form-group" id="registry-status-toggle" >
								状态
								<div class="input-group" >
									<select id="checkSt" class="form-control">
		            					<option value="9">全部</option>
		            					<option value="0">正常</option>
		            					<option value="-1">异常</option>
									</select>
						    	</div>
						  	</div>
	            			<div class="form-group">
								医疗机构名
								<div class="input-group">
	        						<input type="text" class="form-control" style="ime-mode:inactive" id="institutionName" autocomplete="off">
						    	</div>
						  	</div>
							<div class="form-group">
								医疗机构类型
								<div class="input-group">
									<select name="institutionTypeFirstScreen" class="form-control">
										<option value="">全部</option>
										<c:forEach var="a" items="${typeFirstList}">
											<option value="${a.value}">${a.fullName}</option>
										</c:forEach>
									</select>
								</div>
							</div>
						  	<div class="form-group">
								<div class="checkbox">
								    <label>
								         <input type="checkbox" id="onlyShowAppeal"> 只显示申诉未处理的机构
								    </label>
								</div>
						  	</div>
	           				<div class="form-group">
								<div class="input-group">
									<button type="button" id="search_test" class="btn btn-primary"  style="width:90px;">搜索</button>
						    	</div>
						  	</div>
	           			</div>
	           		</div>
	        	</div>
	        	
	        	<div class="row" style="padding-left:0px;">
	        		<!-- 检验报告明细区域 -->
	        		<section id="test-report-area" class="list-section">
	        			<div class="col-xs-12">
		           			<table class="table table-condensed table-hover table-bordered">
		           				 <thead id="test_report_thead"></thead>
							     <tbody id="test_report_tbody">
							     </tbody>
							</table>
		        		</div>
	        		</section>
	        		
	        		<!-- 污水余氯列表区域 -->
	        		<section id="sewage-chlorine" class="list-section">
		           		<div class="col-xs-12">
		           			<table class="table table-condensed table-hover table-bordered" id="dataTable">
		           				 <thead>
							        <tr>
							          <th class="text-center" style="width:20%;">医疗机构</th>
							          <th class="text-center" style="width:5%;">
										  <span onclick="orderByName('dataTable',1,'int');"><span onclick="updateSort(this)" class="trA">登记次数<before>▲</before><after>▼</after></span></span>

									  </th>
							          <th class="text-center" style="width:5%;">
										  <span onclick="orderByName('dataTable',2,'int');"><span onclick="updateSort(this)" class="trA">申诉未处理数<before>▲</before><after>▼</after></span></span>
									  </th>
							          <th class="text-center" style="width:5%;">状态</th>
							          <th class="text-center" style="width:5%;">操作</th>
							        </tr>
							     </thead>
							     <tbody id="tbodySpecimenList">
							     </tbody>
							</table>
	           			</div>
	        		</section>
	        	</div>
	        </section>
	        	
	        <!-- 污水余氯明细页面 -->
	       	<section id="sewage_detail" class="input-toggle" style="display:none;">
				<header style="border-bottom: 1px solid #F3F3F7; margin-bottom: 5px;">
					<div class="row">
						<div class="col-md-2">
							<h3 id="headTitle" style="margin-top: 10px; font-size: 20px;">
			        			<i class="fa fa-long-arrow-left" style="color: #c5c5c5; border-right:1px solid #c5c5c5;padding-right: 5px;" id="backToWorkspace"></i>
			        			<span style="margin-right:50px;">污水余氯</span>
			        		</h3>
						</div>
						<div class="col-md-8 text-center">
							<h3 id="institution_name_dis">XX医疗机构</h3>
						</div>
					</div>
	        	</header>
	           	<table class="table table-condensed table-hover table-bordered">
	           		<thead class="bg-default" id="sewage_thead"></thead>
	           		<tbody id="sewage_tbody"></tbody>
	           	</table>
			</section>
		</div>

		<script src="<c:url value="/js/lib/jquery.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/bootstrap.min.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/plugins/jquery-ui/wn-jquery-ui.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/weknow.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/lib/wn-validator.js"/>" type="text/javascript"></script>
		<script src="<c:url value="/plugins/jquery.fileDownload.js"/>" type="text/javascript"></script>
		<!-- table排序js -->
		<script src="<c:url value="/js/pc/util/sortUtil.js?V1.1"/>" type="text/javascript"></script>
		<!-- 申诉处理 -->
		<script src="<c:url value="/js/pc/appeal/appeal.js?${JsVersionProperties.prop.getProperty('appeal')}"/>"  type="text/javascript"></script>
		<!-- 污水余氯 -->
		<script src="<c:url value="/js/pc/sewage/sewage_com.js?V0.3"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/sewage/sewage.js?V0.9.1"/>" type="text/javascript"></script>
		<!-- 检测报告 -->
		<script src="<c:url value="/js/pc/show_img/show_img.js?${JsVersionProperties.prop.getProperty('show_img')}"/>"  type="text/javascript"></script>
		<script src="<c:url value="/js/pc/sewage/test_report_com.js?V1.2.2"/>" type="text/javascript"></script>
		<script src="<c:url value="/js/pc/sewage/test_report.js?V1.10.1"/>" type="text/javascript"></script>
	</body>
</html>
